<template>
	<Row :gutter="16">
		<Col span="8">
			<Card>
				<p slot="title" class="ele">
					<Icon type="ios-monitor-outline"></Icon>
					我的服务器
				</p>
				<a href="#" slot="extra" @click.prevent="changeLimit">
					<Icon type="ios-loop-strong"></Icon>
					刷新
				</a>
				<p>
					这是内容
				</p>
			</Card>
		</Col>

		<Col span="8">
			<Card>
				<p slot="title" class="ele">
					<Icon type="ios-monitor-outline"></Icon>
					我的服务器
				</p>
				<a href="#" slot="extra" @click.prevent="changeLimit">
					<Icon type="ios-loop-strong"></Icon>
					刷新
				</a>
				<p>
					这是内容
				</p>
			</Card>
		</Col>
		<Col span="8">
			<Card>
				<p slot="title" class="ele">
					<Icon type="ios-monitor-outline"></Icon>
					我的服务器
				</p>
				<a href="#" slot="extra" @click.prevent="changeLimit">
					<Icon type="ios-loop-strong"></Icon>
					刷新
				</a>
				<p>
					这是内容
				</p>
			</Card>
		</Col>
	</Row>

</template>

<script>
	export default {
		data() {
				return {
					post: null,
					error: null
				}
			},
			beforeRouteEnter(to, from, next) {
				next();
			},
			// 路由改变前，组件就已经渲染完了
			// 逻辑稍稍不同
			beforeRouteUpdate(to, from, next) {
				next();
			},
			methods: {
				setData(err, post) {
					if(err) {
						this.error = err.toString()
					} else {
						this.post = post
					}
				}
			}
	}
</script>

<style scoped>
	.ele{
		text-align: left;
	}
</style>